.linksTop {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background-color: rgb(96, 103, 131);
}

.linksTop .a {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fdfdfd;
  font-size: 16px;
  font-weight: bold;
  border-left: 1px solid white;
}

.linksTop .a:nth-child(1){
  border-bottom: 3px solid #fd6766;
  border-left: none;
}
.linksTop .a:nth-child(2){
  border-bottom: 3px solid #ffffff;
}

.linksTop .a:nth-child(3){
  border-bottom: 3px solid #04fece;
}
.linksTop .a:nth-child(4){
  border-bottom: 3px solid #fdcd01;
}

.linksBottom{
  width: 100%;
  height: 100%;
  background-color: rgb(213, 15, 16);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.linksBottom>div{
  display: flex;
  flex-direction: row;
}

.linksBottom .a{
  color: #fdfdfd;
  font-size: 16px;
  font-weight: bold;

  padding: 0 26px;
}

.linksBottom .a:not(:first-child){
  border-left: 1px solid #eee;
}

